<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>汐众智能</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
        <meta content="Themesdesign" name="author" />
        <!-- App favicon -->
        <link rel="shortcut icon" href="/assets/images/favicon.ico">

        <!-- slick css -->
        <link href="/assets/libs/slick-slider/slick/slick.css" rel="stylesheet" type="text/css" />
        <link href="/assets/libs/slick-slider/slick/slick-theme.css" rel="stylesheet" type="text/css" />

        <!-- jvectormap -->
        <link href="/assets/libs/jqvmap/jqvmap.min.css" rel="stylesheet" />

        <!-- Bootstrap Css -->
        <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- Icons Css -->
        <link href="/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <!-- App Css-->
        <link href="/assets/css/app.min.css" rel="stylesheet" type="text/css" />
<link href="/static/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" ></link>
<link  href="/static/lib/sweetalert/sweetalert.css"  rel="stylesheet">

<!-- <link href="/static/lib/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
-->
<link rel="stylesheet" href="/static/lib/bootstrap-table/1.16.0/bootstrap-table.min.css">
  
<!-- 
<link href="/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
 <link href="/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        
        -->
<link href="/static/lib/layer/layer.dev.css" rel="stylesheet" id="layui_layer_skinlayercss">
<link href="/static/lib/layer/layer.ext.css" rel="stylesheet" id="layui_layer_skinlayerextcss">
 <script src="/static/lib/flv/flv.min.js" type="text/javascript" ></script>  
 
    </head>

    <body data-sidebar="dark">

        <!-- Begin page -->
        <div id="layout-wrapper">

            <header id="page-topbar">
                <div class="navbar-header">
                    <div class="d-flex">
                        <!-- LOGO -->
                        <div class="navbar-brand-box">
                            <a href="index.html" class="logo logo-dark">
                                <span class="logo-sm">
                                    <img src="/assets/images/logo-sm-dark.png" alt="" height="22">
                                </span>
                                <span class="logo-lg">
                                    <img src="/assets/images/xz.png" alt="" height="20">
                                </span>
                            </a>

                            <a href="index.html" class="logo logo-light">
                                <span class="logo-sm">
                                    <img src="/assets/images/logo-sm-light.png" alt="" height="22">
                                </span>
                                <span class="logo-lg">
                                    <img src="/assets/images/logo-light1.png" alt="" height="63">
                                </span>
                            </a>
                        </div>

                        <button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect" id="vertical-menu-btn">
                            <i class="mdi mdi-backburger"></i>
                        </button>

                        <!-- App Search-->
                        <form class="app-search d-none d-lg-block">
                            <div class="position-relative">
                                <input type="text" class="form-control" placeholder="Search...">
                                <span class="mdi mdi-magnify"></span>
                            </div>
                        </form>
                    </div>
                    
                    

                    <div class="d-flex">

                        <div class="dropdown d-inline-block d-lg-none ml-2">
                            <button type="button" class="btn header-item noti-icon waves-effect" id="page-header-search-dropdown"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="mdi mdi-magnify"></i>
                            </button>
                            
                            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right p-0"
                                aria-labelledby="page-header-search-dropdown">
                    
                                <form class="p-3">
                                    <div class="form-group m-0">
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
                                            <div class="input-group-append">
                                                <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                      

                        <div class="dropdown d-none d-lg-inline-block ml-1">
                            <button type="button" class="btn header-item noti-icon waves-effect" data-toggle="fullscreen">
                                <i class="mdi mdi-fullscreen"></i>
                            </button>
                        </div>


                        <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item noti-icon waves-effect" id="page-header-notifications-dropdown"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="mdi mdi-bell-outline"></i>
                                <span class="badge badge-danger badge-pill"></span>
                            </button>
                            
                            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right p-0"
                                aria-labelledby="page-header-notifications-dropdown">
                                <div class="p-3">
                                    <div class="row align-items-center">
                                        <div class="col">
                                            <h6 class="m-0 font-weight-medium text-uppercase"> 最新通知 </h6>
                                        </div>
                                        <div class="col-auto">
                                            <span class="badge badge-pill badge-danger">最新{{messages.length}}</span>
                                        </div>
                                    </div>
                                </div>
                                <div data-simplebar style="max-height: 230px;">
                                
                                    <a href="" class="text-reset notification-item" v-for="msg in messages">
                                        <div class="media">
                                            <div class="avatar-xs mr-3">
                                                <span class="avatar-title bg-primary rounded-circle font-size-16">
                                                    <i class="mdi " v-bind:class="msg.img"></i>
                                                </span>
                                            </div>
                                            <div class="media-body">
                                                <h6 class="mt-0 mb-1">{{msg.title}}</h6>
                                                <div class="font-size-12 text-muted">
                                                    <p class="mb-1">{{msg.content}}</p>
                                                    <p class="mb-0"><i class="mdi mdi-clock-outline"></i> {{msg.time}}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>

                                </div>
                                <div class="p-2 border-top">
                                    <a class="btn-link btn btn-block text-center" href="javascript:void(0)">
                                        <i class="mdi mdi-arrow-down-circle mr-1"></i> 加载更多..
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img class="rounded-circle header-profile-user" src="/assets/images/users/avatar-4.jpg"
                                    alt="Header Avatar">
                                <span class="d-none d-sm-inline-block ml-1">设置</span>
                                <i class="mdi mdi-chevron-down d-none d-sm-inline-block"></i>
                            </button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- item-->
                                <a class="dropdown-item" href="#"><i class="mdi mdi-face-profile font-size-16 align-middle mr-1"></i> 个人信息</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#"><i class="mdi mdi-logout font-size-16 align-middle mr-1"></i> 退出</a>
                            </div>
                        </div>
            
                    </div>
                </div>
            </header>

            <!-- ========== Left Sidebar Start ========== -->
            <div class="vertical-menu">

                <div data-simplebar class="h-100">

                    <!--- Sidemenu -->
                    <div id="sidebar-menu">
                        <!-- Left Menu Start -->
                        <ul class="metismenu list-unstyled" id="side-menu">
					
							<li v-for="menu in menus" >
	                                <a v-bind:href="menu.url" class="has-arrow waves-effect">
	                                    <i class="mdi"  v-bind:class="menu.icon" ></i>
	                                    <span>{{menu.title}}</span>
	                                </a>
	                                
	                                <ul class="sub-menu" aria-expanded="false">
	                                    <li v-for="cmenu in menu.items" >
	                                    	<a href="javascript: void(0);" v-on:click="load(cmenu.url,cmenu.title)">
	                                    		<i class="mdi" v-bind:class="cmenu.icon"></i>
	                                    		 <span>{{cmenu.title}}</span>
	                                    	</a>
	                                    </li>
	                                </ul>
	                         </li>
                        </ul>

                    </div>
                    <!-- Sidebar -->
                </div>
            </div>
            <!-- Left Sidebar End -->

            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-flex align-items-center justify-content-between">
                                    <h4 class="mb-0 font-size-18" id="zfes_main_content_title_big">工作台</h4>

                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">主页</a></li>
                                            <li class="breadcrumb-item active" id="zfes_main_content_title_small" ></li>
                                        </ol>
                                    </div>
                                    
                                </div>
                            </div>
                        </div> 
                        
                        
                    <div id="zfes_main_content" >sadsd </div>        
                        <!-- end page title -->
                    </div> <!-- container-fluid -->
                </div>
                <!-- End Page-content -->

                
                <footer class="footer">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-sm-6">
                                2020 © zc.
                            </div>
                            <div class="col-sm-6">
                                <div class="text-sm-right d-none d-sm-block">
                                    汐众智能 <i class="mdi mdi-edit text-danger"></i> by <a href="#">Reserved </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
            <!-- end main content-->

        </div>
        <!-- END layout-wrapper -->


        <!-- Right bar overlay-->
        <div class="rightbar-overlay"></div>

        <!-- JAVASCRIPT -->
        <script src="/static/lib/vue/vue.min.v2.js" type="text/javascript" ></script>
        <script src="/assets/libs/jquery/jquery.min.js"></script>
        <script src="/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="/assets/libs/metismenu/metisMenu.min.js"></script>
        <script src="/assets/libs/simplebar/simplebar.min.js"></script>
        <script src="/assets/libs/node-waves/waves.min.js"></script>

        <!-- apexcharts -->
        <!-- <script src="/assets/libs/apexcharts/apexcharts.min.js"></script> -->

        <script src="/assets/libs/slick-slider/slick/slick.min.js"></script>

        <!-- Jq vector map -->
        <!-- <script src="/assets/libs/jqvmap/jquery.vmap.min.js"></script>
        <script src="/assets/libs/jqvmap/maps/jquery.vmap.usa.js"></script> -->

        <!-- <script src="/assets/js/pages/dashboard.init.js"></script> -->
        
        
<script src="/static/lib/jquery-validation/jquery.validate.min.js" type="text/javascript" ></script>
<script src="/static/lib/jquery-validation/localization/messages_zh.min.js" type="text/javascript" ></script>
<script src="/static/lib/routie/routie.min.js" type="text/javascript" ></script>
<script src="/static/lib/store/store.min.js" type="text/javascript" ></script>
<script src="/static/lib/pace/pace.min.js" type="text/javascript" ></script>


<script src="/static/lib/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="/static/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="/static/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<script src="/static/lib/bootstrap-table/1.16.0/bootstrap-table.min.js"></script>
<script src="/static/lib/bootstrap-table/1.16.0/locale/bootstrap-table-zh-CN.min.js"></script>

<!--  <script src="/static/lib/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/static/lib/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>  -->

<!--
<script src="/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>-->


<script src="/static/lib/sweetalert/sweetalert.min.js" type="text/javascript" ></script>

<script src="/static/lib/layer/layer.dev.js" type="text/javascript" ></script>
<script src="/static/lib/layer/layer.ext.js" type="text/javascript" ></script>


<script src="/static/lib/_zfes/zfes.alert.swal.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.core.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.ajax.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.util.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.storage.js" type="text/javascript" ></script>

<script src="/static/lib/_zfes/zfes.vue.directive.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.routie.newPage.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.layer.editDialog.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.bootstrap.table.js" type="text/javascript" ></script>
<script src="/static/lib/_zfes/zfes.permisison.js" type="text/javascript" ></script>
    
<script type="text/javascript">
new Vue({  
	  el: '#layout-wrapper', 
	  data:{
		 menus:[ 
			
			{title:"设备管理","url":"javascript: void(0);","icon":"mdi-view-dashboard","items":
				 [
					// {"title":"监控页","url":"/view/video/video.html","icon":"mdi-view-dashboard"},
					 
					 {"title":"工作台","url":"/view/workspace.html","icon":"mdi-view-dashboard"},
					 {"title":"设备管理","url":"/view/device/device.html","icon":"mdi-view-dashboard"},
					 {"title":"设备系列","url":"/view/deviceType/deviceType.html","icon":"mdi-view-dashboard"},
					 {"title":"设备型号","url":"/view/deviceModel/deviceModel.html","icon":"mdi-view-dashboard"},
					 {"title":"视频监控","url":"/view/device/vedios.html","icon":"mdi-view-dashboard"},
					 {"title":"视频监控2","url":"/view/monitor/monitor.device.vedio.html","icon":"mdi-view-dashboard"},
					 {"title":"测试页面","url":"/view/homecare/demo.html","icon":"mdi-view-dashboard"},
				// {"title":"设备类型管理","url":"/view/device/device.html","icon":"mdi-view-dashboard"},
				// {"title":"主页示例四","url":"hplus/index_v4.html","icon":"mdi-view-dashboard"},
				// {"title":"主页示例五","url":"hplus/index_v5.html","icon":"mdi-view-dashboard","target":""}
				]},
				 {title:"算法管理","url":"javascript: void(0);","icon":"mdi-view-dashboard","items":
					 	[
						 {"title":"算法管理","url":"/view/algorithm/algorithm.html","icon":"mdi-view-dashboard"},
						 {"title":"算法配置","url":"/view/algorithm/config/algorithm.config.html","icon":"mdi-view-dashboard"},
					 
						]},
				{title:"解决方案","url":"javascript: void(0);","icon":"mdi-view-dashboard","items":
							 	[
								 {"title":"解决方案管理","url":"/view/solution/solution.html","icon":"mdi-view-dashboard"},
							 
								]},		
				 {title:"配置管理","url":"javascript: void(0);","icon":"mdi-view-dashboard","items":
					 [{"title":"配置类别管理","url":"/view/aIConfigCate/aIConfigCate.html","icon":"mdi-view-dashboard"},
					 {"title":"配置项管理","url":"/view/aIConfigCateItem/aIConfigCateItem.html","icon":"mdi-view-dashboard"},
					 // {"title":"主页示例三","url":"hplus/index_v3.html","icon":"mdi-view-dashboard"},
					 //{"title":"主页示例四","url":"hplus/index_v4.html","icon":"mdi-view-dashboard"},
					// {"title":"主页示例五","url":"hplus/index_v5.html","icon":"mdi-view-dashboard","target":""}
					 ]},
					 
				{title:"监控管理","url":"javascript: void(0);","icon":"mdi-view-dashboard","items":
						 [{"title":"监控订阅","url":"/view/aIConfigCate/aIConfigCate.html","icon":"mdi-view-dashboard"},
						 {"title":"预警消息","url":"/view/aIConfigCate/aIConfigCate.html","icon":"mdi-view-dashboard"},
						 {"title":"监控信息","url":"/view/aIConfigCate/aIConfigCate.html","icon":"mdi-view-dashboard"}]},
				 
				{title:"控制命令","url":"javascript: void(0);","icon":"mdi-view-dashboard","items":
							 [{"title":"命令定义","url":"/view/aIConfigCate/aIConfigCate.html","icon":"mdi-view-dashboard"},
							 {"title":"控制记录","url":"/view/aIConfigCate/aIConfigCate.html","icon":"mdi-view-dashboard"},
							 //{"title":"主页示例三","url":"hplus/index_v3.html","icon":"mdi-view-dashboard"}
							 ]}, 

  		],
    
  		messages:[
  			{title:"Your order is placed",content:"If several languages coalesce the grammar",time:"3 min ago",img:"mdi-cart"},
  			{title:"Andrew Mackie",content:"It will seem like simplified English.",time:"1 hours ago",img:"mdi-cart"},
  			{title:"Your item is shipped",content:"One could refuse to pay expensive translators.",time:"3 min ago",img:"mdi-cart"},
  			{title:"Dominic Kellway",content:"As a skeptical Cambridge friend of mine occidental.",time:"3 min ago",img:"mdi-cart"},],
	      bus:new Vue()
	  },
	  mounted:function(){
		 var _this=this;
		
	  },
  methods: {
	  load: function(url,title){
		  zfesRoutie.load(url,title);
	  },
  	loadUserBizsubjects: function(){
  		var _this=this;
			var url="/user/agg/bizsubject/loadUserBizsubjects";
			var param={};
			zfesAjax.ajaxTodo(url,param, function(data){
				_this.subjectlist=data.data.subjectlist;
           });
  	},
  }
});
function loadContent(url){
	Pace.restart();//加载进度
	$("#zfes_main_content").empty();
	$("#zfes_main_content").innerHTML = "";
	 console.log("loadContent");
	try{
		if(vm){
			vm.$destroy();
		}
	}catch(e){
		
	}
	zfesAjax.ajaxHtml(url, {}, function(data, textStatus, jqXHR){
		/* if(data.indexOf("statusCode") > 0){
			zfesCore.ajaxDone($.parseJSON(data));
			return false;
		} */
		$("#zfes_main_content").html(data);
	},function(jqXHR, textStatus, errorThrown){
		var data =jqXHR.responseText;
		$("#zfes_main_content").html(data);
	
	});
}
</script>

<script src="/assets/js/app.js"></script> 


    </body>
</html>
